<div style="height: 100%; width: 100%; display: flex; flex-direction: column;">
    <div style="margin-bottom: 5px; min-height: 30px;">
        <button onclick="onRowDataA()">Row Data A</button>
        <button onclick="onRowDataB()">Row Data B</button>
    </div>
    <div style="flex: 1 1 0px;">
        <div id="myGrid" style="height: 100%;" class="ag-theme-quartz"></div>
    </div>
</div>